<!doctype html>
<html>

<head>
    <meta charset="utf-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0, maximum-scale=1.0, user-scalable=0">
    <meta name="apple-mobile-web-app-capable" content="yes">
    <meta name="apple-mobile-web-app-status-bar-style" content="black">
    <link rel="stylesheet" type="text/css" href="{MODULE_URL}template/mobile/style/style1/static/css/region.css" />

    <link rel="stylesheet" type="text/css" href="{MODULE_URL}template/mobile/style/style1/static/css/search.css" />
    <script type="text/javascript" src="{$_W['siteroot']}app/resource/js/lib/jquery-1.11.1.min.js"></script>

    <style type="text/css">
    	.item_img {
    width: 100%;
    height: 45px;
    display: -webkit-box;
    -webkit-box-align: center;
    -webkit-box-pack: center;
}

    .item_img img {
        width: 35px;
    }
    </style>
    <title>{$region['title']}</title>
</head>

<body>
    <!--page-->
    <div id="page">
        <header id="header">
            <div class="header_div">
                <div id="left_div" onClick="window.location.href='{php echo $this->createMobileUrl('nav')}'"></div>
                <div id="middle_div">
                    <h1 id="title">便民查询</h1></div>
                <div id="right_div">
                    <div class="right_bottom"></div>
                    <div class="right_img"></div>
                </div>
            </div>
        </header>
        <!--cont-->
        <div class="cont">
            <article id="urban">
                <ul class="urban_ul">
                {loop $list $item}
                    <li><a href="{$item['surl']}"><div class="item_img">
	                    <img src="{$item['icon']}" /></div><span class="cat_name">{$item['sname']}</span></a></li>
                {/loop}

                </ul>
            </article>
        </div>
    </div>
    {template 'style/style1/footer'}
    <script>
    $(function(){
        select('a1');
    });
    </script>
</body>

</html>
